<template>
	<view @click="myclick" class="my-search" :style="{ background: `${bgc}` }">
		<view class="input" :style="{ borderRadius: `${radius}rpx` }">
			<uni-icons type="search" size="18" color="#999"></uni-icons>
			<text>搜索</text>
		</view>
	</view>
</template>

<script>
	export default {
		name: "my-search",
		props: {
		  // 背景颜色
		  bgc: {
		    type: String,
		    default: '#c00000'
		  },
		  // 圆角大小
		  radius: {
		    type: Number,
		    default: 40
		  }
		},
		data() {
			return {
				
			};
		},
		methods: {
			myclick() {
				// 触发外界的一个点击事件
				this.$emit('click')
			}
		}
	}
</script>

<style lang="scss">
	.my-search {
		// background-color: #c00000;
		padding: 20rpx;
		.input {
			height: 70rpx;
			line-height: 70rpx;
			text-align: center;
			background-color: #fff;
			color: #999;
			// border-radius: 80rpx;
		}
		
	}
</style>
